@charset "utf-8";



/* = 全局CSS

------------------------------------------------------------ */
body{  font-family: "微软雅黑"; color:#606161; font-size: 14px; background:url(../images/p-bg.jpg) no-repeat top center;}
html{overflow-x:hidden}
a { text-decoration:none; color:#fff;}
a:hover{ text-decoration:underline; }

.store{ width:952px; height:952px; background:url(../images/store/store_bg.jpg) no-repeat top; margin:0 auto; overflow:hidden; position:relative;}
.store_close{ position:absolute; right:15px; top:90px; width:70px; height:70px; cursor:pointer;}

.slideBox{ position:relative; margin:164px 80px 0;}
.slideBox .hd{ font-size:0; }
.slideBox .bd{ position:relative; height:100%; z-index:0;  }
.slideBox .bd .list{}
.slideBox .bd .grid{ }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,.slideBox .next{ position:absolute; display:block; width:40px; height:64px; top:220px; }
.slideBox .prev{ background:url(../images/store/prev.png); left:-20px;}
.slideBox .next{background:url(../images/store/next.png); right:-20px;}
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.store ul{ overflow:hidden;}
.store ul li{ float:left; width:142px;text-align:center; color:#613b28; font-weight:bold; margin:0 8px; cursor:pointer; font-family:"宋体"; cursor:pointer;}
.store ul li .name{ font-size:26px; }
.store ul li .pic{ width:131px; height:121px; background:url(../images/store/item-bg.png); text-align:center; vertical-align:middle;  display: table-cell;overflow:hidden; padding:10px 0 0 10px;}
.store ul li .pic img{ vertical-align:middle;}
.store ul li .number{font-size:22px; padding:10px 0;}
.store ul li:hover .number,.store ul li:hover .name{ color:#ae3c03;} 
.store .btn{ width:90px; height:40px;border:none;  cursor:pointer; background:url(../images/store/shop_btn.png); font-size:0;}

.userinfo{margin:80px 80px 0; font-size:24px;line-height:60px; color:#623b28; font-weight:bold;}
.userinfo strong{ float:left;width:120px; }
.userinfo .username{ margin-left:120px;}
.userinfo .getGold{ margin-left:60px; }
.userinfo .mybag{ float:left;  margin:-10px 0 0 20px; cursor:pointer;}
.userinfo .clickbag{ cursor:pointer; width:240px; height:80px; float:left;  margin-left:10px; background:rgba(0,0,0,0.1); transition:all linear .2s; border-radius:20px;}
.userinfo .clickbag:hover{ background:none;}



.pop_prompt{ width:400px; height:379px; position:absolute; left:50%; top:50%; z-index:9999; margin-left:-200px; margin-top:-189px; background:url(../images/alert.png) no-repeat; display:none;}
.pop_prompt .pro_ok{ display:block; width:200px; height:50px; position:relative; top:310px; left:100px; cursor:pointer; }
.pop_prompt .content{ padding-top:180px; color:red; font-size:20px; text-align:center; font-weight:bold;}
.pop_prompt .content .font{ font-size:34px; display:block; }
.prompt_bg{ width:100%; height:100%; background:rgba(0,0,0,0.48); overflow:hidden; position:absolute; left:0; top:0; display:none;}




.bagBox{ width:952px; height:952px; background:url(../images/store/mybag_bg.jpg) no-repeat top; margin:0 auto; overflow:hidden; position:absolute; left:50%; top:0; margin-left:-476px; z-index:9;}
.bagBox ul{ height:320px; margin:300px 140px 0 150px;}
.bagBox ul li{  float:left; margin:20px 8px; background:url(../images/store/bagitem.jpg) no-repeat; text-align:center;}
.bagBox ul li .pic{width:115px; height:130px; text-align:center; vertical-align:middle;  display: table-cell;overflow:hidden;}
.bagBox ul li img{}
.bagBox .close{ cursor:pointer; width:110px; height:110px; margin:50px 0 0 420px; background:rgba(0,0,0,0.1); border-radius:50%; transition:all linear .1s;}
.bagBox .close:hover{ background:none;}

.bagBox .prompt{ width:100%; position:absolute; top:400px; text-align:center; font-size:30px;color:#ffbe4a; line-height:50px;}